<template>
	<!-- 更新记录 -->
	<view class="content display  width-100 displayColumn">
		<u-navbar @rightClick="rightClick" :autoBack="true" :placeholder="true">
			<template slot="left">
				<uni-icons type="left" color="#212121;" size="23"></uni-icons>
			</template>
			<template slot="center">
				<text class="fontSize font_comm title">更新记录</text>
			</template>
		</u-navbar>
		<view class="fn_content display displayColumn  all_item width-100 fontSize font_comm">
			<view class="one display  displayColumn displaycenter_jus M-T30" @click="popup(item.id)" v-for="(item,index) in arr" :key="index">
				<view class="one_fn1 display  displaycenter_aliem">
					<span class="fn_ttx1 M-L24">本次更新内容：</span>
				</view>
				<view class="one_fn2 display  displaycenter_aliem M-T12">
					<!-- <span class="fn_ttx2 M-L24">{{item.updateContent}}</span> -->
					<u-parse class="fn_ttx2 M-L24" :content="item.updateContent"></u-parse>
				</view>
				<view class="one_fn3 display  displaycenter_aliem M-T20">
					<span class="fn_ttx3 M-L24">更新时间：{{item.createTime}}</span>
					<span class="fn_ttx3 M-R24">版本号：{{item.updateVersion}}</span>
				</view>
			</view>
		</view>
		
		<u-popup :show="show" :round="14" mode="center" :safeAreaInsetBottom="false">
		            <view class="fn_popup display  displayColumn ">
		                <span class="fn_ttx5 M-L24">版本号：{{info.updateVersion}}</span>
						<span class="fn_ttx6 M-T20 M-L24">本次更新内容：</span>
						<!-- <span class="fn_ttx7 M-T12 M-L24">{{info.updateContent}}</span> -->
						<u-parse class="fn_ttx7 M-T12 M-L24" :content="info.updateContent"></u-parse>
						<span class="fn_ttx8 display M-L24">更新时间：{{info.updateVersionTime}}</span>
						<image src="http://mkxd-app.oss-cn-beijing.aliyuncs.com/2024/12/05/468694165e6942b5a968f628597a6f35.png" class="images" mode="" @click="show=false"></image>
		            </view>
				</u-popup>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				show:false,
				pageSize:10,
				pageNum:1,
				arr:[],
				flag:1,
				info:{}
			}
		},
		onLoad() {
			this.$modal.loading('加载中')
			this.getList();
		},
		onReachBottom(){
			this.$modal.loading('加载中')
			console.log('chudi')
			this.pageNum++
			this.getList();
		},
		methods: {
			getList(){
				let data = {
					pageSize:this.pageSize,
					pageNum:this.pageNum,	
				}
				console.log('111')
				this.$req.get('/xcx/updateLog/list',data).then(res=>{
					this.$modal.closeLoading();
					if(res.data.total==this.arr.length){
						return
					}
					
					if(res.data.code!=200){
						this.$modal.msg(res.data.msg);
					}else{
						this.arr = this.arr.concat(res.data.rows);
					}
				})
			},
			popup(id){
				this.$modal.loading('加载中')
				
				this.$req.get(`/xcx/updateLog/${id}`).then(res=>{
					
					
					if(res.data.code==200){
						this.info = res.data.data;
					}else{
						this.$modal.msg(res.data.msg)
					}
					this.$modal.closeLoading()
				})
				this.show = true;
			}
		}
	}
</script>

<style scoped lang="scss">
.one{
	width: 690rpx;
	// height: 188rpx;
	padding-top: 24rpx;
	padding-bottom: 24rpx;
	background: #FFFFFF;
	border-radius: 24rpx 24rpx 24rpx 24rpx;
}
.fn_ttx1{
	font-weight: 400;
	font-size: 24rpx;
	color: #000000;
}
.fn_ttx2{
	font-weight: 600;
	font-size: 28rpx;
	color: #000000;
	// width: 50rpx;
	// width: 300px;
	width: 300rpx;
	text-align: left;
	   overflow: hidden;
	   text-overflow:ellipsis;
	   white-space: nowrap;
}
.fn_ttx3{
	font-weight: 400;
	font-size: 24rpx;
	color: #72778A;
}
.one_fn3{
	justify-content: space-between;
}
.fn_popup{
	width: 550rpx;
	min-height: 496rpx;
	padding-top: 24rpx;
	padding-bottom: 24rpx;
	background: #FFFFFF;
	border-radius: 24rpx 24rpx 24rpx 24rpx;
}
.fn_ttx5{
	
	font-weight: 400;
	font-size: 24rpx;
	color: #72778A;
}
.fn_ttx6{
	font-weight: 600;
	font-size: 32rpx;
	color: #000000;
}
.fn_ttx7{
	font-weight: 400;
	font-size: 28rpx;
	color: #212121;
}
.fn_ttx8{
	font-weight: 400;
	font-size: 24rpx;
	color: #72778A;
	align-content: flex-end;
	margin-top: 216rpx;
}
.images{
	
	position: absolute;
	width: 60rpx;
	height: 60rpx;
	bottom: -80rpx;
	left: 230rpx;
}
</style>
